<!DOCTYPE html>
<html lang="en">

<head>
    <!-- meta tag -->
    <meta charset="utf-8">
    <title>中智物联</title>
    <!--    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />-->
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="中智物联,停就行,中智,物联,停车"/>

    <meta name="keywords" content="中智物联,停就行,中智,物联,停车"/>


    <!-- responsive tag -->
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- favicon -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="shortcut icon" type="image/x-icon" href="../images/fav.png">
    <!-- bootstrap v3.3.7 css -->
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <!-- font-awesome css -->
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
    <!-- animate css -->
    <link rel="stylesheet" type="text/css" href="../css/animate.css">
    <!-- owl.carousel css -->
    <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css">
    <!-- slick css -->
    <link rel="stylesheet" type="text/css" href="../css/slick.css">
    <!-- off canvas css -->
    <link rel="stylesheet" type="text/css" href="../css/off-canvas.css">
    <!-- linea-font css -->
    <link rel="stylesheet" type="text/css" href="../fonts/linea-fonts.css">
    <!-- flaticon css  -->
    <link rel="stylesheet" type="text/css" href="../fonts/flaticon.css">
    <!-- nivo slider CSS -->
    <link rel="stylesheet" type="text/css" href="../inc/custom-slider/css/nivo-slider.css">
    <link rel="stylesheet" type="text/css" href="../inc/custom-slider/css/preview.css">
    <!-- magnific popup css -->
    <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css">
    <!-- Main Menu css -->
    <link rel="stylesheet" href="../css/rsmenu-main.css">
    <!-- rsmenu transitions css -->
    <link rel="stylesheet" href="../css/rsmenu-transitions.css">
    <!-- style css -->
    <link rel="stylesheet" type="text/css" href="../style.css">
    <!-- This stylesheet dynamically changed from style.less -->
    <!-- responsive css -->
    <link rel="stylesheet" type="text/css" href="../css/responsive.css">

    <!-- Link Swiper's CSS -->

    <!--[if !IE 9]><!-->
    <link rel="stylesheet" href="../css/swiper.min.css">

    <!--<![endif]-->


    <!--[if IE 9]>
    <link rel="stylesheet" href="../css/idangerous.swiper.css">
    <![endif]-->

    <!-- Demo styles -->
    <style>
        /*导航*/
        .open_data .open_right a,
        .open_data2 .open_right a{
            color: #666666 !important;
            font-size: 14px !important;
            height: 14px!important;
            width: 100px!important;
            float: left;
            vertical-align: middle;
        }

        .open_data .open_right img,
        .open_data2 .open_right img{
            float: left;
            margin-left: 33px;
            vertical-align: middle;
        }
        .open_data{
            width: 400px;
            height: 300px;
            background: white;
            position: absolute;
            z-index: 99;
            display: none;
        }

        .open_data2{
            width: 150px;
            height: 300px;
            background: white;
            position: absolute;
            z-index: 99;
            display: none;
        }

        .open_data .open_left,.open_data2 .open_left {
            float: left;
        }

        .open_data .open_right, .open_data2 .open_right{
            float: left;
        }

        .open_data .open_left,.open_data2 .open_left{
            width: 200px;
            height: 100%;
            background: #F7F7F7;
        }

        .open_data .open_right, .open_data2 .open_right{
            width: 200px;
            height: 100%;
            background: white;
        }

        .open_data .open_left .open_left_all .open_left_item,
        .open_data .open_right .open_left_all .open_left_item,
        .open_data2 .open_left .open_left_all .open_left_item,
        .open_data2 .open_right .open_left_all .open_left_item{
            height: 14px;
            width: 200px;
            text-align: center;
            margin-top: 25px;
        }


        .open_data .open_left a,
        .open_data .open_right a,
        .open_data2 .open_left a,
        .open_data2 .open_right a{
            color: #666666 !important;
            font-size: 14px !important;
            height: 26px!important;
            width: 100%;
            line-height: 23px!important;
        }

        .open_data .open_left a:hover,
        .open_data .open_right a:hover,
        .open_data2 .open_left a:hover,
        .open_data2 .open_right a:hover{
            color: #BA2F2F!important;
        }
        .open_data {
            width: 100%;
        }

        .open_data .open_left {
            float: left;
            width: 40%;
            text-align: center;
        }

        .open_data .open_right {
            float: left;
            width: 60%;
            text-align: center;
        }

        .open_data .open_left a {
            width: 40%;
        }

        .open_data .open_right a {
            width: 60%;
        }


        .open_data2 {
            width: 100%;
        }

        .open_data2 .open_left {
            float: left;
            width: 100%;
            text-align: center;
        }
        /*头部*/
        .carousel-item img{
            width: 100%!important;
        }
        .rs-menu-toggle{
            float: left!important;
        }
        .fa.fa-bars{
            font-size: 28px!important;
        }
        /*banner*/
        #mod_slide{
            margin-top: -75px!important;
        }
        .logo_title{
            height: 75px;
            width: 200px!important;
            margin: 0 auto;
            text-align: center;
            color: #FFFFFF;
            line-height: 75px;
        }
        .logo_title img{
            width: 88.5px;
            height: 13.5px;
        }

        .mod5{
            padding-left: 14px;
            padding-right: 14px;
            background: white;
            margin-top: 10px;
        }
        .mod5_items{
            width: 100%;
            height: auto;
        }
        .mod5_items .mod5_item{
            width: 100%;
            height: 50px;
            border-bottom: 1px solid #DDDDDD;
            line-height: 50px;
            color: #000000;
            font-size: 12px;
            position: relative;
        }
        .mod5_items .mod5_item img{
            width: 6px;
            height: 10px;
            position: absolute;
            right: 0px;
            top: 50%;
            margin-top: -5px;
        }


        /*模块2*/
        .mod2{
            padding: 30px 14px;
            background: white;
        }
        .mod2 .mod2_title{
            color: #000000;
            font-size: 18px;
            font-weight: 600;
        }
        .mod2_items{
            width: 100%;
            overflow:hidden;
            margin-top: 22px;
        }
        .mod2_items .mod2_item img{
            width: 100%;
            height: 221.5px;
            /*float: right;*/
            /*margin-top: 43px;*/
        }
        .mod2_items .mod2_item{
            width: 100%;
            float: left;
            /*text-align: center;*/
        }
        .mod2_items .mod2_item .mod2_des_title{
            color: #000000;
            font-size: 14px;
            font-weight: 600;
            margin-top: 20px;
            text-align: center;
        }
        .mod2_items .mod2_item:first-child{
            text-align: center;
        }

        .mod2_items .mod2_item div{
            color: #666666;
            font-size: 12px;
        }


        /*模塊3*/
        .mod3{
            padding-top: 30px;
            padding-left: 14px;
            padding-right: 14px;
            background: #ffffff;
        }
        .mod3 .title{
            color: #000000;
            font-size: 18px;
            font-weight: 600;
        }
        .mod3 .item_img{
            margin-top: 30px;
            position: relative;
        }
        .mod3 .item_img .op_mod{
            height: 64px;
            width: 100%;
            position: absolute;
            bottom: 0px;
            background: rgba(0,0,0,.3);
        }

        .mod3 .item_img .op_mod .op_title{
            color: #E0E0E0;
            font-size: 14px;
            font-weight: 600;
            margin-top: 10px;
            margin-left: 20px;
        }

        .mod3 .item_img .op_mod .op_des{
            color: #D6D6D6;
            font-size: 12px;
            margin-top: -2px;
            margin-left: 20px;
        }

        /*模块4*/
        .mod4{
            padding: 30px 14px;
            background: #ffffff;
        }
        .mod4 .content_mod4{
            position: relative;
        }
        .mod4 .title{
            color: #000000;
            font-size: 18px;
            font-weight: 600;
        }
        .mod4 .item_img{
            margin-top: 74px;
            text-align: center;
        }
        .mod4 .item_img img{
            height: 134px;
            width: 134px;
        }
        .mod4 .item_img .name{
            color: #0E0E0E;
            font-size: 14px;
            font-weight: 600;
            margin-top: 44.5px;
        }


        .mod4 .my-button-prev3 {
            width: 40px;
            height: 40px;
            background-image: url('../images/left.png');
            background-size: 100% 100%;
            position: absolute;
            top: 165px;
            left: 14px;
            z-index: 10;
        }

        .mod4 .my-button-next3 {
            width: 40px;
            height: 40px;
            background-image: url('../images/right.png');
            background-size: 100% 100%;
            position: absolute;
            top: 165px;
            right: 14px;
            z-index: 10;
        }


        .mod3 .my-button-prev2 {
            width: 40px;
            height: 40px;
            background-image: url('../images/left.png');
            background-size: 100% 100%;
        }

        .mod3 .my-button-next2 {
            width: 40px;
            height: 40px;
            background-image: url('../images/right.png');
            background-size: 100% 100%;
        }
        /*轮播组件*/
        .mod4_slide {
            position: relative;
        }

        .mod4_slide .mod4_title {
            text-align: center;
            color: #000000;
            font-size: 18px;
            font-weight: 600;
            margin-top: 30px;
        }

        .mod4_slide .title {
            color: #000000;
            font-size: 18px;
            font-weight: 600;
            margin-top: 30px;
            /*padding-left: 12px;*/
        }

        .mod4_slide .index_part10 {
            margin-left: 14px;
        }

        .mod4_slide .my-button-prev2 {
            width: 40px;
            height: 40px;
            background-image: url('../images/left.png');
            background-size: 100% 100%;
        }

        .mod4_slide .my-button-next2 {
            width: 40px;
            height: 40px;
            background-image: url('../images/right.png');
            background-size: 100% 100%;
        }

        .mod4_slide .click_slide {
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #fff;
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
            padding: 30px 0;
        }

        .mod4_slide .click_slide .img {
            width: 72px;
            height: 72px;
        }

        .mod4_slide .click_slide .title {
            color: #333333;
            font-size: 16px;
        }

        .mod4_slide .click_slide .label {
            color: #666666;
            font-size: 12px;
        }

        .mod4_slide .mod4_des {
            width: 297px;
            color: #666666;
            font-size: 13px;
            text-align: center;
            margin-top: 14.5px !important;
            margin: 0 auto;
        }

        .mod4_slide .mod4_items {
            width: 100%;
            height: auto;
            margin-top: 34px;
        }

        .mod4_slide .mod4_items .mod4_item {
            width: 33.33%;
            float: left;
            text-align: center;
            margin-bottom: 10px;
        }

        .mod4_slide .mod4_items .mod4_item img {
            width: 110px;
            height: 50px;
        }
        .swiper-pagination2{
            text-align: center;
            margin-top: 74.5px;
        }
        .swiper-container .swiper-pagination-bullet-active{
            background-color: #FF3939;
        }
        /*结束*/
        .footer{
            text-align: center;
        }
        .footer img{
            width: 101px;
            height: 21.5px;
            margin-top: 31px;
        }
        .footer .phone{
            color: #0E0E0E;
            font-size: 10px;
            margin-top: 12.5px;
        }
        .footer .beian{
            color: #676767;
            font-size: 8px;
            margin-top: 15px;
            padding-bottom: 28.5px;
        }

        /*新增mod6*/
        .mod6{
            padding: 30px 14px;
            background: #0E1013;
        }
        .mod6 .mod6_title{
            color: #C0C0C0;
            font-size: 18px;
            font-weight: 600;
        }
        .mod6 .mod6_items .mod6_img{
            text-align: center;
            margin-top: 65.5px;
        }
        .mod6 .mod6_items .mod6_des{
            text-align: center;
            color: #C0C0C0;
            font-size: 14px;
            margin-top: 39.5px;
        }
        .mod6 .mod6_items img{
            width: 124.5px;
            height: 137px;
        }
        .mod2_item_big{
            margin-top: 29px;
        }
        .mod2_item_big img{
            width: 100%;
        }
        .mod2_item_big_des{
            margin-top: 20px;
            color: #666666;
            font-size: 14px;
        }

        /*新添加*/
        .mod7{
            padding:30px 14px;
            /*height: 368.5px;    */
            background: url("../images/charging_img_no1.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .mod7 .mod7_title{
            color: #FFFFFF;
            font-size: 16px;
            font-weight: 600;
        }
        .mod7 .mod7_img{
            text-align: center;
        }
        .mod7 .mod7_img img{
            width: 186px;
            height: 309.5px;
        }
        .mod7 .mod7_des{
            width: 307px;
            text-align: center;
            color: #C0C0C0;
            font-size: 14px;
            margin: 0 auto;
        }


        /*模块8*/
        .mod8{
            padding: 30px 14px;
            background: #F8F8F8;
        }
        .mod8 .mod8_title{
            color: #000000;
            font-size: 18px;
            font-weight: 600;
        }
        .mod8 .mod8_items{
            width: 100%;
            overflow: hidden;
            margin-top: 28.5px;
        }
        .mod8 .mod8_items .mod8_items_left{
            width: 60%;
            float: left;
        }
        .mod8 .mod8_items .mod8_items_left .mod8_item{
            width: 50%;
            float: left;
            text-align: center;
            margin-top: 52px;
        }
        .mod8 .mod8_items .mod8_items_left .mod8_item img{
            height: 27px;
            width: 27px;
        }
        .mod8 .mod8_items .mod8_items_left .mod8_item .name{
            color: #666666;
            font-size: 12px;
            width: 71.5px;
            height: 76.5px;
            text-align: center;
            margin: 0 auto;
            margin-top: 17px!important;
        }
        .mod8 .mod8_items .mod8_items_right{
            width: 40%;
            text-align: center;
            /*background: gray;*/
            float: left;
        }
        .mod8 .mod8_items .mod8_items_right img{
            height: 239.5px;
            width: 45px;
            margin-top: 43.5px;
        }

        .mask {
            width: 100%;
            height: 100%;
            position: absolute;
            margin-top: 75px;
            display: none;
            z-index: 99;
        }
    </style>
</head>

<body>
<div class="defult-home" id="app">
    <div id="loading" class="image-preloader">
        <div class="loader"><img src="../images/logo3.png" alt=""></div>
    </div>
    <!--End preloader here -->

    <!--Full width header Start-->
    <div class="full-width-header">
        <!--Header Start-->
        <header id="rs-header" class="rs-header">
            <!-- Menu Start -->
            <div class="menu-area menu-sticky">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-9 col-md-12">
                            <div class="main-menu">
                                <a class="rs-menu-toggle"><i class="fa fa-bars" style="color: white"></i></a>
                                <div class="logo_title">
                                    <img src="../images/wraplogo.png" alt="">
                                </div>
                                <!--                                    <nav class="rs-menu">-->
                                <!--                                        <ul class="nav-menu">-->
                                <!--                                            <li>-->
                                <!--                                                <a href="index.html">首页</a>-->
                                <!--                                                <div class="link_line"></div>-->
                                <!--                                            </li>-->
                                <!--                                            <li class="shebei_link">-->
                                <!--                                                <a href="javascript:;">智慧设备</a>-->
                                <!--                                                <div class="open_data">-->
                                <!--                                                    <div class="open_left">-->
                                <!--                                                        <div class="open_left_all">-->
                                <!--                                                            <div class="open_left_item mouseLi1 dom_item"><a-->
                                <!--                                                                    href="#">智慧停车</a></div>-->
                                <!--                                                            <div class="open_left_item mouseLi2 dom_item"><a-->
                                <!--                                                                    href="#">智慧充电</a></div>-->
                                <!--                                                            <div class="open_left_item mouseLi3 dom_item"><a-->
                                <!--                                                                    href="#">智慧照明</a></div>-->
                                <!--                                                        </div>-->
                                <!--                                                    </div>-->
                                <!--                                                    <div class="open_right">-->
                                <!--                                                        <div class="open_left_all mouseLi_item1 dom_item_content">-->
                                <!--                                                            <div class="open_left_item">-->
                                <!--                                                                <img src="./images/equipment_icon_lora.png" alt="">-->
                                <!--                                                                <a href="./html/deviceLora.html">LORA地磁</a>-->
                                <!--                                                            </div>-->
                                <!--                                                            <div class="open_left_item">-->
                                <!--                                                                <img src="./images/equipment_icon_nblot.png" alt="">-->
                                <!--                                                                <a href="./html/deviceNblot.html">NB-lot地磁</a>-->
                                <!--                                                            </div>-->
                                <!--                                                            <div class="open_left_item">-->
                                <!--                                                                <img src="./images/equipment_icon_disuo.png" alt="">-->
                                <!--                                                                <a href="./html/deviceDisuo.html">地锁</a>-->
                                <!--                                                            </div>-->
                                <!--                                                            <div class="open_left_item">-->
                                <!--                                                                <img src="./images/equipment_icon_daozha.png" alt="">-->
                                <!--                                                                <a href="./html/deviceDaozha.html">道闸</a>-->
                                <!--                                                            </div>-->
                                <!--                                                            <div class="open_left_item">-->
                                <!--                                                                <img src="./images/equipment_icon_gwsxt.png" alt="">-->
                                <!--                                                                <a href="./html/deviceGaowei.html">高位摄像头</a>-->
                                <!--                                                            </div>-->
                                <!--                                                            <div class="open_left_item">-->
                                <!--                                                                <img src="./images/equipment_icon_spz.png" alt="">-->
                                <!--                                                                <a href="./html/deviceShipin.html">视频桩</a>-->
                                <!--                                                            </div>-->
                                <!--                                                            <div class="open_left_item">-->
                                <!--                                                                <img src="./images/equipment_icon_pda.png" alt="">-->
                                <!--                                                                <a href="./html/devicePda.html">PDA</a>-->
                                <!--                                                            </div>-->
                                <!--                                                        </div>-->
                                <!--                                                        <div class="open_left_all mouseLi_item2 dom_item_content">-->
                                <!--                                                            <div class="open_left_item">-->
                                <!--                                                                <img src="./images/newicon1.png" alt="">-->
                                <!--                                                                <a href="./html/deviceCharge.html">充电桩</a>-->
                                <!--                                                            </div>-->
                                <!--                                                        </div>-->
                                <!--                                                        <div class="open_left_all mouseLi_item3 dom_item_content">-->
                                <!--                                                            <div class="open_left_item">-->
                                <!--                                                                <img src="./images/newicon2.png" alt="">-->
                                <!--                                                                <a href="./html/deviceLamp.html">智慧灯杆</a>-->
                                <!--                                                            </div>-->
                                <!--                                                        </div>-->
                                <!--                                                    </div>-->
                                <!--                                                </div>-->
                                <!--                                            </li>-->
                                <!--                                            <li class="shebei_link2">-->
                                <!--                                                <a href="#">智慧方案</a>-->
                                <!--                                                <div class="open_data2">-->
                                <!--                                                    <div class="open_left">-->
                                <!--                                                        <div class="open_left_all">-->
                                <!--                                                            <div class="open_left_item"><a href="./html/plan.html">智慧停车</a></div>-->
                                <!--                                                            <div class="open_left_item"><a href="./html/planCharge.html">智慧充电</a></div>-->
                                <!--                                                            <div class="open_left_item"><a href="./html/planLamp.html">智慧照明</a></div>-->
                                <!--                                                        </div>-->
                                <!--                                                    </div>-->
                                <!--                                                </div>-->
                                <!--                                            </li>-->
                                <!--                                            <li><a href="./html/production.html">生产基地</a></li>-->
                                <!--                                            <li><a href="./html/shopParner.html">商户合作</a></li>-->
                                <!--                                            <li><a href="./html/aboutUs.html">关于我们</a></li>-->
                                <!--                                        </ul> &lt;!&ndash; //.nav-menu &ndash;&gt;-->
                                <!--                                    </nav>-->
                            </div> <!-- //.main-menu -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- Menu End -->

            <!-- Canvas Menu start -->
            <!--                <nav class="right_menu_togle hidden-md">-->
            <!--                    <div class="close-btn"><span id="nav-close" class="text-center"><i class="fa fa-close"></i></span>-->
            <!--                    </div>-->
            <!--                    <div class="canvas-logo">-->
            <!--                        <a href="index.html"><img src="images/logo.png" alt="logo"></a>-->
            <!--                    </div>-->
            <!--                    <div class="offcanvas-text">-->
            <!--                        <p>Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using-->
            <!--                            ‘Content here, content here’, making it look like readable English.</p>-->
            <!--                    </div>-->
            <!--                    <div class="canvas-contact">-->
            <!--                        <h5 class="canvas-contact-title">Contact Info</h5>-->
            <!--                        <ul class="contact">-->
            <!--                            <li><i class="fa fa-globe"></i>Middle Badda, Dhaka, BD</li>-->
            <!--                            <li><i class="fa fa-phone"></i>+123445789</li>-->
            <!--                            <li><i class="fa fa-envelope"></i><a-->
            <!--                                    href="mailto:info@yourcompany.com">info@yourcompany.com</a></li>-->
            <!--                            <li><i class="fa fa-clock-o"></i>10:00 AM - 11:30 PM</li>-->
            <!--                        </ul>-->
            <!--                        <ul class="social">-->
            <!--                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
            <!--                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
            <!--                            <li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>-->
            <!--                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
            <!--                        </ul>-->
            <!--                    </div>-->
            <!--                </nav>-->
            <!-- Canvas Menu end -->
        </header>
        <!--Header End-->
    </div>



    <!--        侧边栏-->

    <div>
        <div class="mask" id='mask-close'></div>
        <div class="left_all_tabs">
            <div class="left_all_content">
                <div class="content_item" id="close">X</div>
                <div class="content_item">
                    <a href="../index.html" class="one_item">
                        <span>首页</span>
                        <img src="../images/home_icon_qianjin.png" alt="">
                    </a>
                </div>
                <div class="content_item">
                    <div class="left_line"></div>
                    <a href="javascript:;" class="one_item">
                        <span>智慧设备</span>
                        <img src="../images/home_icon_qianjin.png" alt="">
                    </a>
                </div>
                <!--                    二级分类-->
                <div class="two_items">
                    <div class="two_item">
                        <a href="../html/deviceAll.html" class="two_item_a" style="color: #B22B23">
                            <span>智慧汇总</span>
                        </a>
                        <a href="javascript:;" class="two_item_a">
                            <span>智慧停车</span>
                            <img src="../images/home_icon_qianjin.png" alt="">
                        </a>
                        <!--                        三级分类-->
                        <div class="three_items">
                            <a href="../html/deviceLora.html">lora地磁</a>
                            <a href="../html/deviceNblot.html" style="color: #B22B23">nb-lot地磁</a>
                            <a href="../html/deviceDisuo.html">地锁</a>
                            <a href="../html/deviceDaozha.html">道闸</a>
                            <a href="../html/deviceGaowei.html">高位摄像头</a>
                            <a href="../html/deviceShipin.html">视频桩</a>
                            <a href="../html/devicePda.html">PDA</a>
                        </div>
                        <!--                        三级分类-->
                        <a href="javascript:;" class="two_item_a">
                            <span>智慧充电</span>
                            <img src="../images/home_icon_qianjin.png" alt="">
                        </a>
                        <div class="three_items">
                            <a href="../html/deviceCharge.html">充电桩</a>
                        </div>
                        <a href="javascript:;" class="two_item_a">
                            <span>智慧照明</span>
                            <img src="../images/home_icon_qianjin.png" alt="">
                        </a>
                        <div class="three_items">
                            <a href="../html/deviceLamp.html">智慧灯杆</a>
                        </div>
                    </div>
                </div>
                <!--                二级分类结束-->
                <div class="content_item">
                    <a href="javascript:;" class="one_item">
                        <span>智慧方案</span>
                        <img src="../images/home_icon_qianjin.png" alt="">
                    </a>
                </div>

                <!--                二级发恩磊-->
                <div class="two_items">
                    <div class="two_item">
                        <a href="../html/plan.html" class="two_item_a">
                            <span>智慧停车</span>
                        </a>
                        <a href="../html/planCharge.html" class="two_item_a">
                            <span>智慧充电</span>
                        </a>
                        <a href="../html/planLamp.html" class="two_item_a">
                            <span>智慧照明</span>
                        </a>
                    </div>
                </div>

                <!--                二级分类结束-->

                <div class="content_item">
                    <a href="../html/production.html" class="one_item">
                        <span>生产基地</span>
                        <img src="../images/home_icon_qianjin.png" alt="">
                    </a>
                </div>
                <div class="content_item">
                    <a href="../html/shopParner.html" class="one_item">
                        <span>商务合作</span>
                        <img src="../images/home_icon_qianjin.png" alt="">
                    </a>
                </div>
                <div class="content_item">
                    <a href="../html/aboutUs.html" class="one_item">
                        <span>关于我们</span>
                        <img src="../images/home_icon_qianjin.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!--banner轮播start-->
    <div id="mod_slide" class="carousel slide" data-ride="carousel">
        <ul class="carousel-indicators">
            <li data-target="#mod_slide" data-slide-to="0" class="active"></li>
        </ul>

        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="../images/device/equipment_banner_zhdg.png" alt="">
            </div>
        </div>
    </div>


    <!--    模块2-->

    <div class="mod2">
        <div class="mod2_title">智慧灯杆</div>
        <div class="mod2_items">
            <div class="mod2_item">
                <img src="../images/light_img_no1.png" alt="">
                <div class="mod2_des_title">5G综合杆</div>
            </div>
            <div class="mod2_item" style="width: 100%;margin: 0 auto;margin-top: 14.5px;">


                5G综合杆就是传统灯杆上集成多种功能设备,让灯杆实现“一杆多用”,不在局限于单一的照明。比如说图中展示:汽车充电桩、可视对讲、WiFi热点、信息发布屏（LED灯杆屏）|车流监控、视频监控、主辅智能照明、5G基站以及各项环境检测等，然后利用物联网及互联网技术实现智能化管理。让普通灯杆升级为智慧城市信息采集的5G综合杆、便民服务终端。


            </div>
        </div>
    </div>


    <div class="mod8">
        <div class="mod8_title">产品优势</div>
        <div class="mod8_items">
            <div class="mod8_items_left">
                <div class="mod8_item">
                    <img src="../images/light_icon_no1.png" alt="">
                    <div class="name">
                        实现路灯远程操控减少人工定时巡查
                    </div>
                </div>
                <div class="mod8_item">
                    <img src="../images/light_icon_no2.png" alt="">
                    <div class="name">
                        应用免部署降低施工成本
                    </div>
                </div>
                <div class="mod8_item">
                    <img src="../images/light_icon_no3.png" alt="">
                    <div class="name">
                        实现路灯节控制降低市政能耗
                    </div>
                </div>
                <div class="mod8_item">
                    <img src="../images/light_icon_no4.png" alt="">
                    <div class="name">
                        提高市政管理水平提升城市形象
                    </div>
                </div>
            </div>
            <div class="mod8_items_right">
                <img src="../images/light_product_no1.png" alt="">
            </div>
        </div>
    </div>



    <!--    模块3-->
    <div class="mod3">
        <div class="title">应用场景</div>
        <div class="index_part10">
            <div class="swiper-container swiper-container3">
                <div class="swiper-wrapper">
                    <div class="swiper-slide item">
                        <div class="item_img">
                            <img src="../images/light_img_csjd.png" alt="">
                            <div class="op_mod">
                                <div class="op_title">城市街道</div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide item">
                        <div class="item_img">
                            <img src="../images/light_img_gyfd.png" alt="">
                            <div class="op_mod">
                                <div class="op_title">小区街道</div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide item">
                        <div class="item_img">
                            <img src="../images/light_img_jcgs.png" alt="">
                            <div class="op_mod">
                                <div class="op_title">公园辅道</div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide item">
                        <div class="item_img">
                            <img src="../images/light_img_xqjd.png" alt="">
                            <div class="op_mod">
                                <div class="op_title">机场高速</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="display: flex;justify-content: space-around;margin: 20px 80px;">
                <div class="my-button-prev2" id='mySwiper3-prev4'></div>
                <div class="my-button-next2" id='mySwiper3-next4'></div>
            </div>
        </div>
    </div>


    <!--        模块五-->
    <div class="mod5">
        <div class="mod5_items">
            <div class="mod5_item">
                <span>智慧设备</span>
                <img src="../images/home_icon_qianjin.png" alt="">
            </div>
            <div class="mod5_slide_top">
                <a href="../html/deviceLora.html">lora地磁</a>
                <a href="../html/deviceNblot.html">nb-lot地磁</a>
                <a href="../html/deviceDisuo.html">地锁</a>
                <a href="../html/deviceDaozha.html">道闸</a>
                <a href="../html/deviceGaowei.html">高位摄像头</a>
                <a href="../html/deviceShipin.html">视频桩</a>
                <a href="../html/devicePda.html">PDA</a>
                <a href="../html/deviceCharge.html">充电桩</a>
                <a href="../html/deviceLamp.html">智慧灯杆</a>
            </div>
            <div class="mod5_item">
                <span>智慧方案</span>
                <img src="../images/home_icon_qianjin.png" alt="">
            </div>
            <div class="mod5_slide_top">
                <a href="../html/plan.html">智慧停车</a>
                <a href="../html/planCharge.html">智慧充电</a>
                <a href="../html/planLamp.html">智慧照明</a>
            </div>
            <div class="mod5_item">
                <a href="../html/production.html" class="foot_one_item">
                    <span>生产基地</span>
                    <img src="../images/home_icon_qianjin.png" alt="">
                </a>
            </div>
            <div class="mod5_item">
                <a href="../html/shopParner.html" class="foot_one_item">
                    <span>商户合作</span>
                    <img src="../images/home_icon_qianjin.png" alt="">
                </a>
            </div>
            <div class="mod5_item">
                <a href="../html/aboutUs.html" class="foot_one_item">
                    <span>关于我们</span>
                    <img src="../images/home_icon_qianjin.png" alt="">
                </a>
            </div>
            <div class="footer">
                <img src="../images/home_img_logo.png" alt="">
                <div class="phone">联系电话 0571-82565789</div>
                <div class="beian">版权所有©️2019 浙江中智物联icp备案号</div>
            </div>
        </div>
    </div>
</div>

<!-- Swiper JS -->
<!--[if !IE 9]><!-->
<script src="../js/swiper.min.js"></script>
<!--<![endif]-->
<!--[if IE 9]>
<script src="../js/idangerous.swiper.min.js"></script>
<![endif]-->
<script src="../js/modernizr-2.8.3.min.js"></script>

<script src="../js/jquery.min.js"></script>

<script type="text/javascript" src="https://unpkg.com/vue"></script>

<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-paginator.js"></script>
<!-- Menu js -->
<script src="../js/rsmenu-main.js"></script>
<!-- op nav js -->
<script src="../js/jquery.nav.js"></script>
<!-- owl.carousel js -->
<script src="../js/owl.carousel.min.js"></script>
<script src="../js/slick.min.js"></script>
<!-- isotope.pkgd.min js -->
<script src="../js/isotope.pkgd.min.js"></script>
<!-- imagesloaded.pkgd.min js -->
<script src="../js/imagesloaded.pkgd.min.js"></script>
<!-- wow js -->
<script src="../js/wow.min.js"></script>

<!-- Skill bar js -->
<script src="../js/skill.bars.jquery.js"></script>
<script src="../js/jquery.counterup.min.js"></script>
<!-- counter top js -->
<script src="../js/waypoints.min.js"></script>
<!-- video js -->
<script src="../js/jquery.mb.YTPlayer.min.js"></script>
<!-- magnific popup -->
<script src="../js/jquery.magnific-popup.min.js"></script>
<!-- Nivo slider js -->
<script src="../inc/custom-slider/js/jquery.nivo.slider.js"></script>
<!-- plugins js -->
<script src="../js/plugins.js"></script>
<!-- contact form js -->
<script src="../js/contact.form.js"></script>
<!-- main js -->
<script src="../js/main.js"></script>

<!-- Initialize Swiper -->

<script src="../js/mounse.js"></script>
<!--[if !IE 9]><!-->
<script>
    var mySwiper1 = new Swiper('.index_part10 .swiper-container1', {
        slidesPerView: 2,
        loop: true,
        pagination: 'index_part10 .swiper-pagination',
        centeredSlides: true,
        spaceBetween: 20,
        autoplay: {
            disableOnInteraction: false,
            delay: 8000
        },
        speed: 3000,
        delay: 0,
        stopOnLastSlide: false,
        disableOnInteraction: true,
        preventLinksPropagation: false,
        autoplayDisableOnInteraction: false
    });

    $('#mySwiper3-prev2').click(function () {
        var _this = this
        $(this).css("background-image", "url(../images/active_left.png)")

        setTimeout(function () {
            $(_this).css("background-image", "url(../images/left.png)")
        }, 500)
        mySwiper1.slidePrev();
    })
    $('#mySwiper3-next2').click(function () {
        var _this = this
        $(this).css("background-image", "url(../images/active_right.png)")

        setTimeout(function () {
            $(_this).css("background-image", "url(../images/right.png)")
        }, 500)
        mySwiper1.slideNext();
    })


    // 第一条滚动



    var mySwiper2 = new Swiper('.index_part10 .swiper-container2', {
        slidesPerView: 1,
        slidesPerGroup: 1,
        loop: true,
        pagination: {
            el:'.swiper-pagination2',
            click:true
        },
        centeredSlides: true,
        // spaceBetween: 20,
        autoplay: {
            disableOnInteraction: false,
            delay: 8000
        },
        speed: 3000,
        delay: 0,
        stopOnLastSlide: false,
        disableOnInteraction: true,
        preventLinksPropagation: false,
        autoplayDisableOnInteraction: false
    });

    $('#mySwiper3-prev3').click(function () {
        var _this = this
        $(this).css("background-image", "url(../images/active_left.png)")

        setTimeout(function () {
            $(_this).css("background-image", "url(../images/left.png)")
        }, 500)
        mySwiper2.slidePrev();
    })
    $('#mySwiper3-next3').click(function () {
        var _this = this
        $(this).css("background-image", "url(../images/active_right.png)")

        setTimeout(function () {
            $(_this).css("background-image", "url(../images/right.png)")
        }, 500)
        mySwiper2.slideNext();
    })

    // 第二条滚动


    var mySwiper3 = new Swiper('.index_part10 .swiper-container3', {
        slidesPerView: 1,
        slidesPerGroup: 1,
        loop: true,
        pagination: 'index_part10 .swiper-pagination',
        centeredSlides: true,
        // spaceBetween: 20,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        speed: 3000,
        delay: 0,
        stopOnLastSlide: false,
        disableOnInteraction: true,
        preventLinksPropagation: false,
        autoplayDisableOnInteraction: false
    });

    $('#mySwiper3-prev4').click(function () {
        var _this = this
        $(this).css("background-image", "url(../images/active_left.png)")

        setTimeout(function () {
            $(_this).css("background-image", "url(../images/left.png)")
        }, 500)
        mySwiper3.slidePrev();
    })
    $('#mySwiper3-next4').click(function () {
        var _this = this
        $(this).css("background-image", "url(../images/active_right.png)")

        setTimeout(function () {
            $(_this).css("background-image", "url(../images/right.png)")
        }, 500)
        mySwiper3.slideNext();
    })


    $('.product_item').click(function () {
        window.location.href = './html/deviceAll.html'
    })


    $('.build_item').eq(0).click(function () {
        window.location.href = './html/plan.html'
    })

    $('.build_item').eq(1).click(function () {
        window.location.href = './html/planLamp.html'
    })

    $('.build_item').eq(2).click(function () {
        window.location.href = './html/planCharge.html'
    })

    $('.click_slide').click(function () {

        var title = $(this).data("title")

        console.log(title)
        // return
        if (title == "快充设备") {
            window.location.href = './html/deviceCharge.html'
        }
        if (title == "OS级充电桩") {
            window.location.href = './html/deviceCharge.html'
        }
        if (title == "地磁") {
            window.location.href = './html/deviceLora.html'
        }
        // if () {}
        // if ($(this).dataset.title=="") {}
    })

    // mySwiper2.on('click',function (e) {
    //     console.log(e)
    // })

    // 点击事件

    $('.shebei_link a').click(function () {
        $(this).siblings('.open_data').slideToggle();
    })

    $('.shebei_link2 a').click(function () {
        $(this).siblings('.open_data2').slideToggle();
    })

    var doms = $('.dom_item')
    var doms_item = $('.dom_item_content')
    for (var i = 0;i<doms.length;i++) {
        var j = i;
        doms.eq(i).click(function () {
            doms_item.eq(i).css('display','block')
            doms_item.eq(i).siblings('.dom_item_content').css('display','none')
        })
    }

    for (var i = 0;i<$('.content_item').length;i++) {
        $('.content_item').eq(i).click(function () {
            var status = $(this).next('.two_items').is(":visible")
            $(this).next('.two_items').slideToggle()

            if(!status){
                $(this).children('a').children('img').css('transform','rotate(90deg)')
            }else{
                $(this).children('a').children('img').css('transform','rotate(0deg)')
            }

        })
    }


    for (var i = 0;i<$('.two_item_a').length;i++) {
        $('.two_item_a').eq(i).click(function () {
            var status = $(this).next('.three_items').is(":visible")
            $(this).next('.three_items').slideToggle()

            if(!status){
                $(this).children('img').css('transform','rotate(90deg)')
            }else{
                $(this).children('img').css('transform','rotate(0deg)')
            }

        })
    }


    for (var i = 0;i<$('.mod5_item').length;i++) {
        $('.mod5_item').eq(i).click(function () {
            var status = $(this).next('.mod5_slide_top').is(":visible")
            $(this).next('.mod5_slide_top').slideToggle()

            if(!status){
                $(this).children('img').css('transform','rotate(90deg)')
            }else{
                $(this).children('img').css('transform','rotate(0deg)')
            }

        })
    }

    $('.fa-bars').click(function () {
        $('.menu-sticky').css('display', 'none')
        $('.left_all_tabs').css({ 'display': 'block', 'margin-top': '75px' }).stop().animate({ width: "309px" }, 300)
        $('.mask').css({ 'display': 'block'})
    })

    $('#close').click(function () {
        $('.menu-sticky').css('display', 'block')
        $('.left_all_tabs').css('display', 'none').stop().animate({ width: "0px" }, 300)
    })

    $('#mask-close').click(function () {
        $('.menu-sticky').css('display', 'block')
        $('.left_all_tabs').css('display', 'none').stop().animate({ width: "0px" }, 300)
    })
</script>
</body>
</html>
